/*
* @Author: lenovo
* @Date:   2017-11-15 20:33:02
* @Last Modified by:   lenovo
* @Last Modified time: 2017-11-29 14:42:29
*/
/* 公用 */
.main-header{
	width:100%;
	margin:100px 0 70px 0px;
}
.main-header p{
	width:100%;
	height: 40px;
	line-height: 40px;
	/*border:1px solid black; */
	color: #dff0d8;
}
.main-header .container, .main-header .row{
	width:auto;
	height: 40px;
}
.content-wrap{
	position: relative;
	width: 100%;
	margin:0 auto;
	height: 1250px;
}
.content-wrap .content-div{
	position: relative;
	width: 100%;
	height: 460px;
	border-bottom: 1px solid #f7f9f9f7;
}
.content-wrap .content-div .content-item{
	margin-top: 0px;
	height: 500px;
	cursor: pointer;
	transition: all 500ms;
	background-color: transparent;
	perspective: 3000;
	-webkit-perspective: 3000;
	backface-visibility: hidden;
	border:1px solid wheat;
	width: 100%;
	margin-top: 100px;
	position: relative;
}
#to-mei-wen,#to-mei-tu{
	margin-top:0px;
	height: 400px;
	border:0px solid wheat;
	
}
.content-wrap .content-div .content-item#to-mei-wen:hover,.content-item#to-mei-tu:hover{
	border:0px solid wheat;
	border-radius: 0%;
	background-color: transparent;
}
.content-item .item-con-w{
	position: absolute;
	width: 100%;
	height: 25%;
	margin:0;
}
.content-item .item-con-w .panel{
	transition: ease 0.25s;
}
.content-wrap .content-div   .text-p{
	text-align: center;
	font-weight: bold;
	color: #040118;
	position: absolute;
	border: 1px solid white;
	background-image: linear-gradient(#f4f4f7,#f5f4ef);
}
.content-wrap .content-div  #to-mei-wen{
	height: 440px;
}
/* 美图 */
.content-item#to-mei-tu{
	margin-top: 170px;
}
.content-item#to-mei-tu .mei-tu-item.mei-tu-item-oneline,.content-item#to-mei-tu .mei-tu-item.mei-tu-item-twoline{
	float: left;
	width: 50%;
	height: 50%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.content-item#to-mei-tu .mei-tu-item:nth-child(1){
	background-image: url(../../../image/mei-wen.jpg);
	
}
.content-item#to-mei-tu .mei-tu-item:nth-child(2){
	background-image: url(../../../image/mei-wen.jpg);
	border-left: 0px solid #dfeac0;
}
.content-item#to-mei-tu .mei-tu-item:nth-child(3){
	background-image: url(../../../image/mei-wen.jpg);
	border-top: 0px solid #dfeac0;
}
.content-item#to-mei-tu .mei-tu-item:nth-child(4){
	background-image: url(../../../image/mei-wen.jpg);
	border-top: 0px solid #dfeac0;
	border-left: 0px solid #dfeac0;
}
.musicvideo{
	margin:0 auto;
}
.content-item#to-music,.content-item#to-video{
	width: 200px;
	height: 150px;
	border-radius:20px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.content-item#to-music{
	background-image: url(../../../image/music.jpg);
}
.musicvideo	.text-p{
	width: 160px;
	margin:0 20px;
	margin-top: 120px;
	height: 50px;
	line-height: 50px;
}
/* 视频 */
.content-item#to-video{
	background-image: url(../../../image/video.jpg);
}
@media  (max-width:580px) {
	/* 小于等于580时执行 */
	.main-header p{
		font-size: 20px;
		padding-left: 10px;
		letter-spacing: 10px;
	} 
	#to-mei-wen,#to-mei-tu{
		width: 100%;
		margin:0;
	}
	.content-item .item-con-w .panel:hover{
		transform: translateX(0%);
		width: 100%;
	}
	.content-wrap .content-div   .text-p{
		font-size: 15px;
	}
	.content-wrap .content-div  #to-mei-tu .text-p,#to-mei-wen .text-p{
		width: 40%;
		height: 130px;
		margin: 330px 30% 0 30%;
		line-height: 130px
	}
	.content-wrap .content-div  #to-mei-wen .text-p{
		margin-top:390px;
	}
	.content-item#to-mei-tu .mei-tu-item.mei-tu-item-oneline,.content-item#to-mei-tu .mei-tu-item.mei-tu-item-twoline{
		border: 3px solid #dfeac0;
	}
	/* 音乐 */
	.musicvideo{
		width: 100%;
		height: 400px;
	}
	.content-item#to-music,.content-item#to-video{
		float: none;
	}
	.content-item#to-music{
		margin: 140px auto;
	}
	.content-item#to-video{
		margin: 140px auto;
	}
}
@media (max-width:414px){
	.main-header p{
		font-size: 15px;
	}
}
@media  (min-width:581px){
	/* 大于580时执行 */
	.main-header p{
		/*border:1px solid black; */
		font-size: 20px;
		padding-left: 90px;
		letter-spacing: 10px;
	}
	
	#to-mei-wen,#to-mei-tu{
		width: 50%;
		margin: 20px auto;
	}
	
	.content-item .item-con-w .panel:hover{
		transform: translateX(5%);
		width: 95%;
	}
	.content-wrap .content-div   .text-p{
		font-size: 20px;
	}
	.content-wrap .content-div  #to-mei-tu .text-p,#to-mei-wen .text-p{
		width: 40%;
		height: 130px;
		margin: 50px 0px;
		margin: 330px 30% 0 30%;
		line-height: 130px
	}
	.content-wrap .content-div  #to-mei-wen .text-p{
		margin-top:370px;
	}
	.content-item#to-mei-tu .mei-tu-item.mei-tu-item-oneline,.content-item#to-mei-tu .mei-tu-item.mei-tu-item-twoline{
		border: 20px solid #dfeac0;
	}
	/* 音乐 */
	.musicvideo{
		width: 440px;
		height: 150px;
	}
	.content-item#to-music,.content-item#to-video{
		float: left;
	}
	.content-item#to-music{
		margin-right: 40px
	}
}


